<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<style>
</style>

<body>
  <script>
    // 数组.push(元素1,元素2,...,...)   用push()方法将一个或者多个元素添加到数组的"末尾"，并返回该数组的长度（重点）
    // 数组.unshift(元素1,元素2,...,...)   用push()方法将一个或者多个元素添加到数组的"头部"，并返回该数组的长度
    let arr = ["pink", "green"];
    document.write(arr.push("black"));
    document.write("<br>");
    document.write(arr);
    document.write("<br>");
    document.write(arr.push("purple", "red"));
    document.write("<br>");
    document.write(arr);
    document.write("<br>");
    document.write(arr.unshift("yellow")); // 如果直接打印这个函数，则返回添加元素后数组的长度
    document.write("<br>");
    document.write(arr);
  </script>
</body>

</html>